<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>锂塔二手回收</title>
    <link rel="stylesheet" href="./css/user.css">
</head>

<body>
    <div class="user">
        <header>
            <!-- 导航区域 -->
            <div class="nav">
                <div class="logo">
                    <img src="./imgs/logo.png" alt="">
                </div>
                <ul class="nav-list">
                    <li>下载APP</li>
                    <li>快捷回收</li>
                    <li>二手拯救世界</li>
                    <li>联系我们</li>
                    <li>线下店加盟</li>
                </ul>
                <div class="login" id="login">
                    <div class="login-btn">登录</div>
                </div>
            </div>
        </header>
        <div class="main">
            <div class="profile-card">
                <img src="./imgs/avatar2.png" alt="头像" class="avatar">
                <div class="profile-info">
                    <div class="info-item">
                        <span class="info-label">昵称</span>
                        <span class="info-content">回收大王</span>
                    </div>
                    <div class="info-item">
                        <span class="info-label">简介</span>
                        <span class="info-content">
                            前端开发者 | UI设计爱好者 | 科技发烧友
                        </span>        
                    
                    </div>
                    <div class="info-item">
                        <span class="info-label">性别</span>
                        <span class="info-content">
                            男性
                        </span>
                    </div>
                    <div class="info-item">
                        <span class="info-label">生日</span>
                        <span class="info-content">
                            2000-08-15
                            <span style="color: #ddd; margin-left: 10px">(24岁)</span>
                        </span>
                    </div>
                    <div class="info-item">
                        <span class="info-label">喜欢的类型</span>
                        <div class="info-content tags">
                            <span class="tag">
                                科技</span>
                            <span class="tag">音乐</span>
                            <span class="tag">阅读</span>
                        </div>
                    </div>
                    <div class="info-item">
                        <span class="info-label">地址</span>
                        <span class="info-content">中国，上海市浦东新区</span>
                    </div>
                    <div class="info-item">
                        <div class="logout" onclick="logout()">
                            退出登录
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 最底部 -->
        <footer>
            <div class="footer-container">
                <div class="logo">
                    <img src="./imgs/logo2.png" alt="">
                </div>
                <div class="des">
                    转转-真的官方验，买卖二手不一样
                </div>
                <div class="right">
                    <img src="./imgs/code.png" alt="">
                </div>
            </div>
        </footer>
    </div>
    <script src="./js/user.js"></script>
    <script src="./js/common.js"></script>
</body>

</html>